<!DOCTYPE HTML>
<html>
<head>
<title>Register</title>
<link href="/static/myhome/css/bootstrap.css" rel='stylesheet' type='text/css' />
<script src="/static/myhome/js/jquery.min.js"></script>
<script src="/static/myhome/js/bootstrap.min.js"></script>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/static/myhome/js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="/static/myhome/css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!----webfonts---->
<link href='http://fonts.googleapis.com/css?family=Exo+2:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
</head>
<body>
<style>
.register-top-grid div, .register-bottom-grid div {
    width: 90%;
    float: left;
    margin: 10px 5%;
    clear: both;}
.register-top-grid{
    width:800px;
    margin:0 auto;
}
.btr{background: #FE6847;
color: #FFF;
font-size: 0.8em;
padding: 0.8em 2em;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-bottom: 4px solid #E94F2D;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
display: inline-block;
text-transform: uppercase;
border: none;
outline: none;}
</style>
{% include '../common/header.html' %}
    <div class="main">
		<div class="container">
		  <div class="Product_top">
		  	  <form action="{% url 'myhome_register' %}" method="POST">
				 <div class="register-top-grid">
					<h3 style="font-size:35px;text-align:center;">用户中心</h3>
					{% csrf_token %}
					 <div class="inp">
						<span>昵称<label>*</label></span>
						<input type="text" name="nikename">
					 </div>
                    <div class="inp">
						<span>性别<label>*</label></span>
						<input type="radio" name="sex" value="1"> 男
						<input type="radio" name="sex" value="0"> 女
					 </div>
					 <div class="inp">
						 <span>邮箱<label>*</label></span>
						 <input type="text" name="email">
					 </div>
					 <div class="inp" style="position: relative;">
						<span>手机号<label>*</label></span>
						<input type="text" name="phone">
					 </div>
					 <div class="inp" style="position: relative;">
						<span>验证码<label>*</label></span>
						<input type="text" name="msg">
						<button type="button" style="position: absolute;top:29px;right: 30px;height:36px;width:200px">获取验证码</button>
					 </div>
                     <div class="inp">
                        <span>密码<label>*</label></span>
                        <input type="text" name="password">
                     </div>
                     <div class="inp">
                        <span>再次输入密码<label>*</label></span>
                        <input type="text" name="password1">
                     </div>
                      <div class="register-but">
						 <input class="btr" type="submit" value="注册">
						 <input class="btr" type="reset" value="重置">
					</div>
				</form>

			</div>
	  </div>
	</div>
{% include '../common/footer.html' %}

</body>
</html>

